/*
 * @Author: scopesang
 * @Date: 2022-04-08 10:48:08
 * @LastEditors: scopesang
 * @LastEditTime: 2022-04-08 11:20:03
 * @FilePath: \cms-manage\src\textApp\App06ContextSon.jsx
 * @Description:React 组件之间的通信是基于 props 的数据传递，
 * 数据需要一级一级从上到下传递。如果组件级别过多传递就会过于麻烦。
 * React中Context配置可以解决组件跨级值传递。
 *
 * Copyright (c) 2022 by scopesang/大鹏科技, All Rights Reserved.
 */
// 使用context进行props属性值的多级传递
import React, { Component } from 'react'
import PropTypes from 'prop-types'

// 儿子组件
export default class AppContextYEYE extends Component {
    // 定义上下文类型 
    static contextTypes = {
        num: PropTypes.number
    }
    render() {
        return (
            // 在子组件中使用：
            <div>{this.context.num}</div>
        )
    }
}


// 2. 在“无论哪一级别”子组件中，只需声明需要的全局上下文数据，就可自动注入子组件的context属性中
// static contextTypes = {
//     数据名: 数据类型
// }
// 或是：
// static contextTypes = {
//     数据名: PropTypes.数据类型
// }

// 在子组件中使用：
// { this.context.con }